<div class="container col-4 py-5">
    <div class="row align-items-center">
        <form action="#" wire:submit.prevent="registerUser" class="border rounded-3 bg-light p-4">
            <div class="mb-3">
                <label for="user_name" class="form-label">Имя пользователя</label>
                <input type="text" class="form-control @error('user_name') is-invalid @enderror" wire:model="user_name" id="user_name">
                @error('user_name') <div id="nameFeedback" class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label for="email" class="form-label">Email адрес</label>
                <input type="email" class="form-control @error('email') is-invalid @enderror" wire:model="email" id="email">
                @error('email') <div id="emailFeedback" class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Пароль</label>
                <input type="password" class="form-control @error('password') is-invalid @enderror" wire:model="password" id="password">
                @error('password') <div id="passwordFeedback" class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <button type="submit" class="btn btn-primary" wire:loading.attr="disabled">Регистрация</button>
        </form>
    </div>
</div>
